<template>

    <span>
        <el-tag v-if="methodId == 0" :size="size">GET</el-tag>
        <el-tag v-if="methodId == 1" :size="size" >HEAD</el-tag>
        <el-tag v-if="methodId == 2" :size="size" type="success">POST</el-tag>
        <el-tag v-if="methodId == 3" :size="size" type="warning">PUT</el-tag>
        <el-tag v-if="methodId == 4" :size="size" >PATCH</el-tag>
        <el-tag v-if="methodId == 5" :size="size" type="danger">DELETE</el-tag>
        <el-tag v-if="methodId == 6" :size="size" type="info">OPTIONS</el-tag>
        <el-tag v-if="methodId == 7" :size="size" >TRACE</el-tag>
    </span>
</template>

<script>
    //GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS, TRACE;
    //0    1     2     3    4      5       6        7
    export default {
        name: "index",
        props:['methodId','size'],
    }
</script>

<style scoped>

</style>
